
<html>
<head>
<title>CSS3 Background Clip Test</title>

<style type="text/css">
p {background-clip: ; 
   background-color: blue;
   padding: 0;
   border-width: 50px;
   border-style: dotted;
  }
h3 {background-clip: border;
    background-color: silver;
    border-style: dashed;
    border-width: 100px;
    padding: 0;
    }
h4 {background-clip: padding;
    padding: 0;
    background-color: yellow;}
em {background-color: aqua;}
</style>
</head>

<body>




<h1>CSS3 Background Clip Test</h1>





<ul>
<li >
For "background-clip", possible values are "border | padding".
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a border (default)
background clip.
The background is blue.
The rule applied is "p {background-clip: ;}".
Also "p {background-color: blue}".
Also padding is 0 since "p {padding: 0}" rule applied.
Also border is dotted 50px since rule "p {border-style: dotted; border-width:
50px;}" is applied.
</p>
<h3>
The background-clip of this h3 heading should be border.  
The rule applied is "h3 {background-clip: border;}".
The background color is silver.
Other rule is "h3 {background-color: silver;}".
Also "border-style" is dashed and border-width is 100px.
Rules are "h3 {border-style: dashed}" and "h3 {border-width: 100px}".
Also padding is 0 since "h3 {padding: 0;}" applied.

</h3>
<h4>
The background-clip of this h4 heading should be padding.
The rule applied is "h4 {background-clip: padding;}".
The background color is yellow.
Other rule applied is "h4 {background-color: yellow;}".
Also padding is 0 since "h4 {padding: 0}" applied.
<em>
This emphasized test should have a background clip (not inherited) of UA-default,
since em is a child of h4.
No specific background-clip rule is applied for em.
The background-color of em should be aqua.
The rule applied is "em {background-color: aqua;}".
</em>
</h4>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above.
</p>

</body>
</html>
